@font-face {
    font-family: 'chow_funregular';
    src: url('font/chowfun.eot');
    src: url('font/chowfun.eot?#iefix') format('embedded-opentype'),
         url('font/chowfun.woff') format('woff'),
         url('font/chowfun.ttf') format('truetype'),
         url('font/chowfun.svg#chow_funregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#header-banner .title {
	font-family: 'chow_funregular', Helvetica, Arial, sans-serif;
	line-height: 144px;
	font-size: 32pt;
}
#header-banner {
	
}

body {
	color: #3f3f3f;
	font-family: Verdana;
	font-size: 13px;
	margin: 0px;
}
.body-page {
	margin: 8px;
}


table.formtable {
	border: 0;
}
table.formtable tr {
	height: 18px;
}


table.formtable tr td.label, div.label {
	font-weight: bold;
	margin-bottom: 15px;
}



table.formtable tr td.label.fortextarea {
	vertical-align: top;
	padding-top: 5px;
}
table.formtable tr.actions td {
	text-align: center;
}
table.datatable {
	border: 1px solid #3f3f3f;
	border-radius: 4px;
	border-spacing: 0;
}
table.datatable tr.head {
	height: 24px;
}
table.datatable tr.head td {
	border-bottom: 1px solid #3f3f3f;
	font-weight: bold;
	color: white;
	background-color: #6f6f6f;
	text-align: center;
	font: bold 13px/100% Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
}

table.datatable td {
	padding-left: 5px;
	padding-right: 5px;
}

table.datatable.border td {
	border-left: 1px solid #3f3f3f;
}

table.datatable tr.odd {
	background-color: white;
}
table.datatable tr.even {
	background-color: #eaeaea;
}
table.datatable.border td:first-child, table.datatable.border td.noborder {
	border-left-style: none;
}

table.datatable td.icon {
	width: 14px;
}
table.datatable td.icon img {
	vertical-align: -2px;
}
.button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6f6f6f), color-stop(1, #3f3f3f) );
	background:-moz-linear-gradient( center top, #6f6f6f 5%, #3f3f3f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f6f6f', endColorstr='#3f3f3f');
	background-color:#6f6f6f;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3f3f3f;
	display:inline-block;
	color: #fff5ff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3f3f), color-stop(1, #6f6f6f) );
	background:-moz-linear-gradient( center top, #3f3f3f 5%, #6f6f6f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3f3f', endColorstr='#6f6f6f');
	background-color:#3f3f3f;
}.button:active {
	position:relative;
	top:1px;
}.button.small {
	padding: 3px 12px;
	font-size: 11px;
}




a.button, a:link.button, a:visited.button {
	color: #fff5ff;
	font-weight:bold;
}
.action-button {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	display:inline-block;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	padding:2px 8px;
	text-decoration:none;
	width: 75px;
	text-align: center;
}.action-button:active {
	position:relative;
	top:1px;
}

.action-button img {
	vertical-align: -1px;
}

.action-button.delete {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc9c9), color-stop(1, #ffd4d4) );
	background:-moz-linear-gradient( center top, #ffc9c9 5%, #ffd4d4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9c9', endColorstr='#ffd4d4');
	background-color:#ffc9c9;
	border:1px solid #ff9c9c;
	color:#e85151;
}.action-button.delete:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffd4d4), color-stop(1, #ffc9c9) );
	background:-moz-linear-gradient( center top, #ffd4d4 5%, #ffc9c9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4d4', endColorstr='#ffc9c9');
	background-color:#ffd4d4;
}
.action-button.add {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8fff96), color-stop(1, #a1fcb6) );
	background:-moz-linear-gradient( center top, #8fff96 5%, #a1fcb6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fff96', endColorstr='#a1fcb6');
	background-color:#8fff96;
	border:1px solid #20fc03;
	color:#00bd00;
}.action-button.add:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1fcb6), color-stop(1, #8fff96) );
	background:-moz-linear-gradient( center top, #a1fcb6 5%, #8fff96 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1fcb6', endColorstr='#8fff96');
	background-color:#a1fcb6;
}
.action-button.edit {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8fff96), color-stop(1, #a1fcb6) );
	background:-moz-linear-gradient( center top, #8fff96 5%, #a1fcb6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fff96', endColorstr='#a1fcb6');
	background-color:#8fff96;
	border:1px solid #20fc03;
	color:#00bd00;
}.action-button.edit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a1fcb6), color-stop(1, #8fff96) );
	background:-moz-linear-gradient( center top, #a1fcb6 5%, #8fff96 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1fcb6', endColorstr='#8fff96');
	background-color:#a1fcb6;
}

input.button {
	cursor: pointer;
}

input[type=checkbox] {
	margin-left: 0px;
}

input[type=text], input[type=password], input[type=email] {
	font-family: Arial, sans-serif;
	border: 1px solid #8D8D8D;
	color: #6f6f6f;
	padding: 2px 2px 2px 2px;
	width: 150px;
	height: 16px;
}

textarea {
	font-family: Arial, sans-serif;
	width: 150px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #8D8D8D;
}

div.autocomplete {
	border: 1px solid #8D8D8D;
	padding: 2px 2px 2px 2px;
	display: inline-block;
	height: 16px;
	width: 150px;
}


div.autocomplete input[type=text] {
	padding: 0;
	border: 0;
	outline: none;
	width: 125px;
}

div.autocomplete .reset {
	width: 18px;
	height: 18px;
	border: 0;
	background: url(../images/icons/reset.autocomplete.png);
	cursor: pointer;
	display: inline-block;
	float: right;
	visibility: hidden;
}


div.autocomplete.blocked, div.autocomplete.blocked  input[type=text] {
	background-color: #afafaf;
	color: #2f2f2f;
}

h1 {
	font-family: 'chow_funregular';
	font-size: 14pt;
	text-decoration: underline;
}

#content {
	padding-left: 10px;
	min-height: 400px;
}

textarea.large, input[type=text].large, input[type=email].large, input[type=password].large, div.autocomplete.large {
	width: 400px;
}

select.large { width: 406px; }

textarea.middle, input[type=text].middle, input[type=email].middle, input[type=password].middle, div.autocomplete.middle, select.middle {
	width: 200px;
}
select.middle { width: 206px; }

textarea.small, input[type=text].small, div.autocomplete.small {
	width: 126px;
}
select.small { width: 132px; }


div.autocomplete.large input[type=text] {
	width: 375px;
}
.message {
	line-height: 20px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
}
.message.success {
	color: green;
}
.message.error {
	color: red;
	line-height: 20px;
}

.message img {
	vertical-align: middle;
	margin-right: 5px;
}

.tone {
	cursor: pointer;
}

.tone.up {
	text-decoration: overline;
	text-decoration-color: grey;
}
.tone.down {
	text-decoration: underline;
	text-decoration-color: grey;
}

.random-word {
	margin: auto;
	min-width: 600px;
	max-width: 1600px;
	border: 1px solid #afafaf;
	padding: 5px 5px 5px 5px;
	font-size: 3em;
	border-radius: 8px;
	cursor: pointer;
}

.random-word .response {
	margin-top: 20px;
	visibility: hidden;
}

.random-word .title {
	font-weight: bold;
}

#footer {
	margin-top: 20px;
	font-size: 10px;
	color: #afafaf;
	text-align: center;
}

#breadcrumb {
	margin-bottom: 30px;
}

#login-bar {
	border-bottom: 1px solid #912b14; 
	padding-left: 10px; 
	background-color: #FFD8D8; 
	padding: 5px;
}

#login-bar .button {
	position: relative;
	top: -1px;
}

#login-bar .username {
	font-weight: bold;
}

a, a:link {
	color: #6f6f6f;
	font-weight: normal;
	font-size: 12px;
}
a:visited {
	color: #9f9f9f;
	font-weight: normal;
	font-size: 12px;
}

.filtre {
	border: 1px solid #afafaf;
	padding: 5px 20px 5px 20px;
	border-radius: 8px;
	background-color: #FAFAFA;
	margin-bottom: 20px;
	display: inline-block;
}

.filtre .libelle {
	display: inline-block; width: 150px
}

.filtre .buttons {
	text-align: center; margin-top: 10px
}

.bloc-document {
	margin-top: 20px;
	width: 525px;
}

.bloc-document .titre {
	margin-bottom: 10px; 
}
.bloc-document .titre a {
	font-weight: bold;
	color: #000;
}
.bloc-document .icone {
	float: left; 
	margin-right: 20px;
}

.bloc-document .informations {
	float: left;
	width: 425px;
}

.bloc-document .informations .description {
	font-size: 11px;
	height: 50px; 
	position: relative; 
	top: -5px;
}
.bloc-document .informations .user {
	font-weight: bold;
}
.bloc-document .informations .date {
	font-weight: bold;
}
.bloc-document .informations a.action, .bloc-document .informations a.action:visited, .bloc-document .informations a.action:link {
	text-decoration: none;
	margin-left: 5px;
}

.bloc-document .informations .action span {
	position: relative;
	top: -2px;
}

.loader-table {
	display: none;
}
.loader-table.visible {
	display: inline;
}